@import "variables";
@import "mixins";

body {
  color:            $text-color;
  background-color: $bg-color;
}

// always make sure images have an alt attribute
img[alt=""],
img:not([alt]) {
  border: 5px dashed $brand-warn;
}

/* vue-icon global style */
i {
  display: inline-block;
  height:  $font-size;
  width:   $font-size;
  fill:    $text-color;

  @include media(tabletLandscape) {
    height: $font-size * $font-size-factor-tablet-landscape;
    width:  $font-size * $font-size-factor-tablet-landscape;
  }

  @include media(largeDesktop) {
    height: $font-size * $font-size-factor-large-desktop;
    width:  $font-size * $font-size-factor-large-desktop;
  }

  svg {
    height: inherit;
    width:  inherit;
  }
}

